<!-- Toolbar -->
<div  class="toolbar" role="banner">
  <img
    width="40"
    alt="Angular Logo"
    src=""
  />
  <img
    width="40"
    alt="SurveyJS Logo"
    src="/assets/logo512.png"
  />
  <span>Welcome to SurveyJS</span>
    <div class="spacer"></div>
</div>


<!-- Survey component -->
<h2>Angular SurveyJS Component</h2>
<survey [model]="model"></survey>


<div class="content" role="main">
    <!-- Footer -->
  <footer>
      Love SurveyJS?&nbsp;
      <a href="https://github.com/surveyjs/survey-library" target="_blank" rel="noopener"> Give our repo a star.
        <div class="github-star-badge">
            <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
          Star
        </div>
      </a>
      <a href="https://github.com/surveyjs/survey-library" target="_blank" rel="noopener">
        <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" fill="#1976d2"/><path d="M0 0h24v24H0z" fill="none"/></svg>
      </a>
  </footer>

</div>
